<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta http-equiv="Expires" CONTENT="0">
    <meta http-equiv="Cache-Control" CONTENT="no-cache">
    <meta http-equiv="Pragma" CONTENT="no-cache">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="description" content="">
    <meta name="keywords" content="0">
    <title>${wxAccountInfo.name}</title>
    <link rel="stylesheet" href="${s.base}/mobile/css/bootstrap.min.css">
    <link rel="stylesheet" href="${s.base}/mobile/css/swiper.min.css">
    <link rel="stylesheet" href="${s.base}/mobile/css/font-awesome.min.css">
    <link rel="stylesheet" href="${s.base}/mobile/css/app.css">
    <link rel="stylesheet" href="${s.base}/mobile/css/style.css">
    <link rel="stylesheet" href="${s.base}/mobile/css/nprogress.css">
    <script type="text/javascript" src="${s.base}/mobile/js/jquery.min.js"></script>
</head>

<body style="max-width:640px;">
    <div id="pjax-container" style="padding-bottom: 60px">
        <style type="text/css">
        .jian-top {
            margin-top: 0rem;
        }
        </style>
        <div class="con m-b7">
            <div class="my-admin-header-box">
                <div class="admin-bg-box">
                    <div class="my-user-box com-header">
                        <div class="padding-all dis-box" style="padding:2rem 1.3rem 3rem 1.3rem;">
                            <div class="user-head-img-box">
                                <a href="javascript: void(0)"><img src="${member.headImage}"></a>
                            </div>
                            <!--<div class="user-bg-box"><img src="img/head-bg.png"></div>-->
                            <!--<div class="user-bg2-box"><img src="img/head-bg.png"></div>-->
                            <div class="box-flex">
                                <div class="g-s-i-title-a">
                                    <a href="userNew.html">
                                        <h4 class="ellipsis-one user-admin-size">${member.nickName}</h4></a>
                                    <a href="javascript:;">
                                        <p class="user-reg-top color-whie f-03"></p>
                                    </a>
                                </div>
                            </div>
                            <div class="user-right-maxbox">
                                <a href="${s.base}/phone/add/${openid}">
                                    <div class="user-right-box">
                                        <i class="iconfont icon-shezhi is-shezi my-user-right-cont" style="display:block;"></i>
                                        <p class="my-user-right-cont"><span class="my-t-remark color-whie" style="line-height: 26px;">添加设备</span></p>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <#if deviceList?? && (deviceList?size > 0)>
            <section class="b-color-f my-nav-box m-top10">
                <a href="javascript:void(0)">
                    <div class="dis-box padding-all my-bottom">
                        <h3 class="box-flex text-all-span my-u-title-size">
                    <i class="iconfont icon-quanbudingdan is-user-size t-first"></i>我的检测仪
                </h3>
                        
                    </div>
                </a>
                <section class="product-list j-product-list product-list-small" data="2">
                    <ul id="j-product-box">
                        <#list deviceList as product>
                            <li>
                                <div class="product-div">
                                    <a class="product-div-link" href="${s.base}/phone/device/${openid}?id=${product.id}&wxId=${wxId}"></a>
                                    <img class="product-list-img" src="http://xyg.weichuantianxia.cn/image/2.jpg">
                                    <div class="product-text">
                                        <span style="font-size: 18px;">${product.name}</span>
                                        <p class="dis-box p-t-remark">
                                            <span class="p-price t-first " style="font-size: 18px;">PM2.5:${product.newProduct.pm2}ug/m3</span>
                                        </p>
                                    </div>
                                </div>
                            </li>
                        </#list>
                    </ul>
                </section>
            </section>
            </#if>
            <#if relayList?? && (relayList?size > 0)>
            <section class="b-color-f my-nav-box m-top10">
                <a href="/app/order/index">
                    <div class="dis-box padding-all my-bottom">
                        <h3 class="box-flex text-all-span my-u-title-size">
                    <i class="iconfont icon-quanbudingdan is-user-size t-first"></i>我的控制器
                </h3>
                        
                    </div>
                </a>
                <section class="product-list j-product-list product-list-small" data="2">
                    <ul id="j-product-box">
                        <#list relayList as product>
                            <li>
                                <div class="product-div">
                                    <a class="product-div-link" href="data.html"></a>
                                    <img class="product-list-img" src="http://xyg.weichuantianxia.cn/image/2.jpg">
                                    <div class="product-text">
                                        <span style="font-size: 18px;">${product.name}</span>
                                        <p class="dis-box p-t-remark">
                                            <span class="p-price t-first " style="font-size: 18px;">
                                                <#if product.relayPower=="1">
                                                    开机<#else>关机
                                                </#if>
                                                &nbsp;&nbsp;
                                                ${product.relayKm}档&nbsp;&nbsp;
                                                <#if product.relayAuto=="1">
                                                    自动<#else>手动
                                                </#if>

                                            </span>
                                        </p>
                                    </div>
                                </div>
                            </li>
                        </#list>
                    </ul>
                </section>
            </section>
            </#if>
            <#if (!(deviceList??) || !(deviceList?size > 0))&&(!(relayList??) || !(relayList?size > 0))>
                <footer class="b-color-f user-fu-box m-top10">
                    <div class="box text-c b-color-f dis-box">
                        <a href="javascript:void(0);" class="box-flex">
                            <i class="iconfont icon-kefu"></i>
                            <p class="f-03 col-6">您还没有购买设备</p>
                        </a>
                    </div>
                </footer>
            </#if>

           
        </div>
        <script type="text/javascript">
        $(function() {
            var swiper = new Swiper('.swiper-container-horizontal', {
                slidesPerView: 3,
                paginationClickable: true,
                spaceBetween: 10
            });
        })
        </script>
    </div>
    
    <script type="text/javascript" src="${s.base}/mobile/js/jquery.pjax.js"></script>
    <script type="text/javascript" src="${s.base}/mobile/js/nprogress.js"></script>
    <script type="text/javascript" src="${s.base}/mobile/js/jquery.json.js"></script>
    <script type="text/javascript" src="${s.base}/mobile/js/common.js"></script>
    <script type="text/javascript" src="${s.base}/mobile/js/jquery.more.js"></script>
    <script type="text/javascript" src="${s.base}/mobile/js/utils.js"></script>
    <script type="text/javascript" src="${s.base}/mobile/js/jquery.swiper.min.js"></script>
    <script type="text/javascript" src="${s.base}/mobile/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="${s.base}/mobile/js/jquery.scrollUp.min.js"></script>
    <script type="text/javascript" src="${s.base}/mobile/js/validform.js"></script>
    <script type="text/javascript" src="${s.base}/mobile/js/app.js"></script>
    <!--js分享代码开始-->
    <script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
    <input type="hidden" value="${jSTicketShareResponse.appid}" id="appid" />
    <input type="hidden" value="${jSTicketShareResponse.fxTitle}" id="fxTitle" />
    <input type="hidden" value="${jSTicketShareResponse.fxImgUrl}" id="fxImgUrl" />
    <input type="hidden" value="${jSTicketShareResponse.fxDesc}" id="fxDesc" />
    <input type="hidden" value="${jSTicketShareResponse.fxUrl}" id="fxUrl" />
    <input type="hidden" value="${jSTicketShareResponse.nonceStr}" id="nonceStr" />
    <input type="hidden" value="${jSTicketShareResponse.timestamp}" id="timestamp" />
    <input type="hidden" value="${jSTicketShareResponse.signature}" id="signature" />
    <script src="${s.base}/mobile/js/share.js"></script>
    <!--js分享代码结束-->
</body>

</html>
